// pages/my/change-phoneNumber/change-phoneNumber.js
const request = require('../../../../../utils/request')
const common = require('../../../../../utils/common')
let Mcaptcha = require('../../../../../utils/code.js');
Page({

    /**
     * 页面的初始数据
     */
    data: {
        // 倒计时
        timeText: '获取验证码',
        timeWait: 60,
        timeBack: 'rgba(238,126,48,1)',
        successCode: true,

        mobile: '',
        code: '', //短信验证码
        verify_code: '', //填入图形验证码
        verify_code_radom: '', //随机图形验证码
        imageUrl: ''
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        this.setData({
            imageUrl: request.BASE_URL + '/api?method=user.verifyimg&token=' + wx.getStorageInfoSync('token')
        })
        this.getRadom()
        this.getUserInfo()

    },
    // 输入信息
    complateInfo(e) {
        this.setData({
            [e.target.dataset.name]: e.detail.value
        })
    },
    // 获取验证码
    getYzCode() {
        let _this = this
        // 判断是否填写手机号
        if (!this.data.mobile) {
            wx.showToast({
                icon: 'none',
                title: '请先填写手机号码',
                duration: 500
            })
        } else if (!common.isMobile(this.data.mobile)) {
            wx.showToast({
                icon: 'none',
                title: '请填写正确的手机号码格式',
                duration: 500
            })
        } else {
            // 开启倒计时
            if (!_this.data.successCode) {
                return
            }
            this.getCodeApi()
        }
    },
    // 获取验证码接口
    getCodeApi() {
        // 判定手机号是否被注册
        let _this = this
        if(!this.data.verify_code) {
            wx.showToast({
                title:'请填写校验码',
                icon: 'none'
            })
            return
        }
        request._get('/api?method=user.sms', {
            mobile: this.data.mobile,
            code: 'bind'
        },'noload').then(res => {
            wx.showToast({
                title: res.msg,
                icon: 'none'
            })
            _this.startTime()
        })
    },
    // 验证码倒计时
    startTime() {
        let _this = this
        var inter = setInterval(function () {
            _this.setData({
                timeWait: _this.data.timeWait - 1,
                timeText: _this.data.timeWait + 's',
                timeBack: 'rgba(245,245,245,1)',
            })
            if (_this.data.timeWait < 0) {
                clearInterval(inter)
                _this.setData({
                    timeWait: 60,
                    timeText: '获取',
                    timeBack: 'rgba(238,126,48,1)',
                    successCode: true
                })
            }
        }.bind(_this), 1000)
        if (_this.data.successCode) {
            _this.setData({
                successCode: false
            })
        }
    },
    // 获取随机数
    getRadom() {
        // 生成四位随机数
        var num = '';
        for (var i = 0; i < 4; i++) {
            num += Math.floor(Math.random() * 10);
        }
        this.setData({
            verify_code_radom: num
        })
        new Mcaptcha({
            el: 'canvas',
            width: 100,
            height: 35,
            code: num
        });
    },
    // 改变图形验证码
    changeImgeCode() {
        this.getRadom()
    },
    // 保存
    save() {
        if (this.data.verify_code != this.data.verify_code_radom) {
            getApp().toast('请输入正确的图形验证码')
            return
        }
        request._post('/api?method=user.bindmobile', {
            mobile: this.data.mobile,
            code: this.data.code,
            verify_code: this.data.verify_code
        }).then(res => {
            getApp().toast('绑定成功')
            setTimeout(function () {
              wx.switchTab({
                  url: '/pages/index/index',
              })
            }, 1000)
        })
    },
    // 获取用户手机号
    getUserInfo() {
        let _this = this
        request._get('/api?method=user.info', {}, 'noload').then(res => {
         console.log(res,'东方航空的')
            _this.setData({
                mobile:res.data.user_mobile 
            })
        })
      },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})